<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>腾讯公测云开发低码！全网首篇实战评测 | 鱼皮的编程宝典</title>
    <meta name="generator" content="VuePress 1.9.10">
    <link rel="icon" href="/favicon.ico">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?2675818a983a3131404cee835018f016";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
      </script>
    <meta name="description" content="贴心的编程学习路线，全面的编程知识百科">
    <meta property="article:modified_time" content="2023-11-11T12:17:47.000Z">
    <meta property="og:site_name" content="鱼皮的编程宝典">
    <meta property="og:title" content="腾讯公测云开发低码！全网首篇实战评测">
    <meta property="og:type" content="article">
    <meta property="og:url" content="https://codefather.cn/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/">
    <meta name="twitter:title" content="腾讯公测云开发低码！全网首篇实战评测">
    <meta name="twitter:url" content="https://codefather.cn/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:label1" content="Written by">
    <meta name="twitter:label2" content="Filed under">
    <meta name="twitter:data2" content="程序员, 编程, 计算机">
    <meta property="article:tag" content="程序员">
    <meta name="keywords" content="程序员鱼皮, 编程学习路线, 编程知识百科, Java, 编程导航, 前端, 开发, 编程分享, 项目, IT, 求职, 面经">
    
    <link rel="preload" href="/assets/css/0.styles.40c15e22.css" as="style"><link rel="preload" href="/assets/js/app.12ab4756.js" as="script"><link rel="preload" href="/assets/js/2.fd06b53e.js" as="script"><link rel="preload" href="/assets/js/205.c51c53fd.js" as="script"><link rel="prefetch" href="/assets/js/1.17ea1209.js"><link rel="prefetch" href="/assets/js/10.d9532d8f.js"><link rel="prefetch" href="/assets/js/100.064ea126.js"><link rel="prefetch" href="/assets/js/101.d64c5b33.js"><link rel="prefetch" href="/assets/js/102.5e29a62c.js"><link rel="prefetch" href="/assets/js/103.59ad6cd7.js"><link rel="prefetch" href="/assets/js/104.ae4763e8.js"><link rel="prefetch" href="/assets/js/105.2a9124be.js"><link rel="prefetch" href="/assets/js/106.529bca07.js"><link rel="prefetch" href="/assets/js/107.c8671a0d.js"><link rel="prefetch" href="/assets/js/108.55c93c64.js"><link rel="prefetch" href="/assets/js/109.7d1efa54.js"><link rel="prefetch" href="/assets/js/11.2f89b5eb.js"><link rel="prefetch" href="/assets/js/110.0caecbf5.js"><link rel="prefetch" href="/assets/js/111.a2aeae49.js"><link rel="prefetch" href="/assets/js/112.eb7ceda5.js"><link rel="prefetch" href="/assets/js/113.f304408d.js"><link rel="prefetch" href="/assets/js/114.988c637f.js"><link rel="prefetch" href="/assets/js/115.bfdeed31.js"><link rel="prefetch" href="/assets/js/116.a47b8c53.js"><link rel="prefetch" href="/assets/js/117.2e1e8250.js"><link rel="prefetch" href="/assets/js/118.758ce408.js"><link rel="prefetch" href="/assets/js/119.73d9e688.js"><link rel="prefetch" href="/assets/js/12.53aaa509.js"><link rel="prefetch" href="/assets/js/120.202a8b2e.js"><link rel="prefetch" href="/assets/js/121.ca91d59a.js"><link rel="prefetch" href="/assets/js/122.8804c0dd.js"><link rel="prefetch" href="/assets/js/123.ceada225.js"><link rel="prefetch" href="/assets/js/124.4b2718b7.js"><link rel="prefetch" href="/assets/js/125.72134235.js"><link rel="prefetch" href="/assets/js/126.167b162c.js"><link rel="prefetch" href="/assets/js/127.f8139c17.js"><link rel="prefetch" href="/assets/js/128.da64a377.js"><link rel="prefetch" href="/assets/js/129.c07963b1.js"><link rel="prefetch" href="/assets/js/13.52940164.js"><link rel="prefetch" href="/assets/js/130.f66fc8bb.js"><link rel="prefetch" href="/assets/js/131.a913c7dd.js"><link rel="prefetch" href="/assets/js/132.ea648654.js"><link rel="prefetch" href="/assets/js/133.074ca70e.js"><link rel="prefetch" href="/assets/js/134.dc79ddd8.js"><link rel="prefetch" href="/assets/js/135.c4516208.js"><link rel="prefetch" href="/assets/js/136.2546baf7.js"><link rel="prefetch" href="/assets/js/137.56454fc6.js"><link rel="prefetch" href="/assets/js/138.bdb002bf.js"><link rel="prefetch" href="/assets/js/139.40a2f9b5.js"><link rel="prefetch" href="/assets/js/14.ade1e74d.js"><link rel="prefetch" href="/assets/js/140.06b20427.js"><link rel="prefetch" href="/assets/js/141.8dd992e3.js"><link rel="prefetch" href="/assets/js/142.d9305485.js"><link rel="prefetch" href="/assets/js/143.41bf907e.js"><link rel="prefetch" href="/assets/js/144.c138960c.js"><link rel="prefetch" href="/assets/js/145.fc5b38c8.js"><link rel="prefetch" href="/assets/js/146.c9166b70.js"><link rel="prefetch" href="/assets/js/147.c31d8a01.js"><link rel="prefetch" href="/assets/js/148.5c0534ca.js"><link rel="prefetch" href="/assets/js/149.d2355ea2.js"><link rel="prefetch" href="/assets/js/15.970a8ca5.js"><link rel="prefetch" href="/assets/js/150.c1644898.js"><link rel="prefetch" href="/assets/js/151.b6e4adf0.js"><link rel="prefetch" href="/assets/js/152.7a5071aa.js"><link rel="prefetch" href="/assets/js/153.31abbc68.js"><link rel="prefetch" href="/assets/js/154.9c6bb079.js"><link rel="prefetch" href="/assets/js/155.e5506a40.js"><link rel="prefetch" href="/assets/js/156.992dab50.js"><link rel="prefetch" href="/assets/js/157.12a6ee84.js"><link rel="prefetch" href="/assets/js/158.84dc1045.js"><link rel="prefetch" href="/assets/js/159.fd2022b1.js"><link rel="prefetch" href="/assets/js/16.ff971500.js"><link rel="prefetch" href="/assets/js/160.8d8889cd.js"><link rel="prefetch" href="/assets/js/161.31797def.js"><link rel="prefetch" href="/assets/js/162.bfae7a75.js"><link rel="prefetch" href="/assets/js/163.e5e8094d.js"><link rel="prefetch" href="/assets/js/164.870f212c.js"><link rel="prefetch" href="/assets/js/165.8da20a31.js"><link rel="prefetch" href="/assets/js/166.950a187d.js"><link rel="prefetch" href="/assets/js/167.fd042c52.js"><link rel="prefetch" href="/assets/js/168.7d9f058d.js"><link rel="prefetch" href="/assets/js/169.205df80e.js"><link rel="prefetch" href="/assets/js/17.4b045b26.js"><link rel="prefetch" href="/assets/js/170.270108a3.js"><link rel="prefetch" href="/assets/js/171.9f03d27d.js"><link rel="prefetch" href="/assets/js/172.1882bac7.js"><link rel="prefetch" href="/assets/js/173.fc1fe7d4.js"><link rel="prefetch" href="/assets/js/174.d77c927b.js"><link rel="prefetch" href="/assets/js/175.019b9e83.js"><link rel="prefetch" href="/assets/js/176.5ce31bd8.js"><link rel="prefetch" href="/assets/js/177.9a2006f2.js"><link rel="prefetch" href="/assets/js/178.88265ac1.js"><link rel="prefetch" href="/assets/js/179.3205ce07.js"><link rel="prefetch" href="/assets/js/18.1cdd0514.js"><link rel="prefetch" href="/assets/js/180.2ff51f44.js"><link rel="prefetch" href="/assets/js/181.f792ce97.js"><link rel="prefetch" href="/assets/js/182.103328e1.js"><link rel="prefetch" href="/assets/js/183.40fde303.js"><link rel="prefetch" href="/assets/js/184.1f36ac78.js"><link rel="prefetch" href="/assets/js/185.cf3b1c00.js"><link rel="prefetch" href="/assets/js/186.f7981399.js"><link rel="prefetch" href="/assets/js/187.20fe296d.js"><link rel="prefetch" href="/assets/js/188.7b004fea.js"><link rel="prefetch" href="/assets/js/189.599ca2d9.js"><link rel="prefetch" href="/assets/js/19.5740e4d6.js"><link rel="prefetch" href="/assets/js/190.14087c07.js"><link rel="prefetch" href="/assets/js/191.b0f73f6d.js"><link rel="prefetch" href="/assets/js/192.9d171669.js"><link rel="prefetch" href="/assets/js/193.00975585.js"><link rel="prefetch" href="/assets/js/194.2c7c43b4.js"><link rel="prefetch" href="/assets/js/195.ff126254.js"><link rel="prefetch" href="/assets/js/196.6546ae1c.js"><link rel="prefetch" href="/assets/js/197.eedb67bb.js"><link rel="prefetch" href="/assets/js/198.acdcc22c.js"><link rel="prefetch" href="/assets/js/199.7993a6b2.js"><link rel="prefetch" href="/assets/js/20.8885a4fa.js"><link rel="prefetch" href="/assets/js/200.52f08765.js"><link rel="prefetch" href="/assets/js/201.b85ab10b.js"><link rel="prefetch" href="/assets/js/202.ccec1c85.js"><link rel="prefetch" href="/assets/js/203.3f50a6ed.js"><link rel="prefetch" href="/assets/js/204.f28b803b.js"><link rel="prefetch" href="/assets/js/206.ba0aa8f6.js"><link rel="prefetch" href="/assets/js/207.0dce311a.js"><link rel="prefetch" href="/assets/js/208.0ea629a6.js"><link rel="prefetch" href="/assets/js/209.f48c3e71.js"><link rel="prefetch" href="/assets/js/21.0bb62db4.js"><link rel="prefetch" href="/assets/js/210.689db8f2.js"><link rel="prefetch" href="/assets/js/211.72bc0f1f.js"><link rel="prefetch" href="/assets/js/212.456135bd.js"><link rel="prefetch" href="/assets/js/213.d0ea50fc.js"><link rel="prefetch" href="/assets/js/214.1400da91.js"><link rel="prefetch" href="/assets/js/215.aeef3e5d.js"><link rel="prefetch" href="/assets/js/216.a60215af.js"><link rel="prefetch" href="/assets/js/217.d6cd8b69.js"><link rel="prefetch" href="/assets/js/218.1bd500fc.js"><link rel="prefetch" href="/assets/js/219.20faf611.js"><link rel="prefetch" href="/assets/js/22.3e8347a6.js"><link rel="prefetch" href="/assets/js/220.6714179b.js"><link rel="prefetch" href="/assets/js/221.fb5b643d.js"><link rel="prefetch" href="/assets/js/222.d96272e5.js"><link rel="prefetch" href="/assets/js/223.4cb7dc3d.js"><link rel="prefetch" href="/assets/js/224.500d94cc.js"><link rel="prefetch" href="/assets/js/225.d006c34e.js"><link rel="prefetch" href="/assets/js/226.73612150.js"><link rel="prefetch" href="/assets/js/227.b02db9d1.js"><link rel="prefetch" href="/assets/js/228.aad43ff2.js"><link rel="prefetch" href="/assets/js/229.65340802.js"><link rel="prefetch" href="/assets/js/23.ceb5a5ff.js"><link rel="prefetch" href="/assets/js/230.97cab104.js"><link rel="prefetch" href="/assets/js/231.8415349a.js"><link rel="prefetch" href="/assets/js/232.db6d2697.js"><link rel="prefetch" href="/assets/js/233.723d05b1.js"><link rel="prefetch" href="/assets/js/234.26ed5e94.js"><link rel="prefetch" href="/assets/js/235.a586122b.js"><link rel="prefetch" href="/assets/js/236.f802bda8.js"><link rel="prefetch" href="/assets/js/237.cc8767ad.js"><link rel="prefetch" href="/assets/js/238.6485459e.js"><link rel="prefetch" href="/assets/js/239.9fbf3a55.js"><link rel="prefetch" href="/assets/js/24.07267ac6.js"><link rel="prefetch" href="/assets/js/240.1188f244.js"><link rel="prefetch" href="/assets/js/241.cbfb154d.js"><link rel="prefetch" href="/assets/js/242.352cea5a.js"><link rel="prefetch" href="/assets/js/243.07947e1c.js"><link rel="prefetch" href="/assets/js/244.f5b26fa9.js"><link rel="prefetch" href="/assets/js/245.c6030e32.js"><link rel="prefetch" href="/assets/js/246.d3fe99f7.js"><link rel="prefetch" href="/assets/js/247.185ae95d.js"><link rel="prefetch" href="/assets/js/248.a5f1548c.js"><link rel="prefetch" href="/assets/js/249.19691113.js"><link rel="prefetch" href="/assets/js/25.15e1f641.js"><link rel="prefetch" href="/assets/js/250.72fa1d33.js"><link rel="prefetch" href="/assets/js/251.bedd56f7.js"><link rel="prefetch" href="/assets/js/252.32bbcc8b.js"><link rel="prefetch" href="/assets/js/253.b59e5846.js"><link rel="prefetch" href="/assets/js/254.c0e37e1a.js"><link rel="prefetch" href="/assets/js/255.850da3cc.js"><link rel="prefetch" href="/assets/js/256.952d9817.js"><link rel="prefetch" href="/assets/js/257.88667bb8.js"><link rel="prefetch" href="/assets/js/258.c5873c28.js"><link rel="prefetch" href="/assets/js/259.6ae1dcbc.js"><link rel="prefetch" href="/assets/js/26.35b2bbdc.js"><link rel="prefetch" href="/assets/js/260.cb940cc3.js"><link rel="prefetch" href="/assets/js/261.0686c3e9.js"><link rel="prefetch" href="/assets/js/262.d0719839.js"><link rel="prefetch" href="/assets/js/263.ae83ebc1.js"><link rel="prefetch" href="/assets/js/264.209ad8a3.js"><link rel="prefetch" href="/assets/js/265.be8d1ee8.js"><link rel="prefetch" href="/assets/js/266.c51bceaa.js"><link rel="prefetch" href="/assets/js/267.fe8af48a.js"><link rel="prefetch" href="/assets/js/268.e18ed861.js"><link rel="prefetch" href="/assets/js/269.7126031e.js"><link rel="prefetch" href="/assets/js/27.270fcb06.js"><link rel="prefetch" href="/assets/js/270.89ead106.js"><link rel="prefetch" href="/assets/js/271.0643d07a.js"><link rel="prefetch" href="/assets/js/272.32a8e4b0.js"><link rel="prefetch" href="/assets/js/273.9881da47.js"><link rel="prefetch" href="/assets/js/274.2de022ea.js"><link rel="prefetch" href="/assets/js/275.d9a4fe99.js"><link rel="prefetch" href="/assets/js/276.d33de2e9.js"><link rel="prefetch" href="/assets/js/277.1ec367ab.js"><link rel="prefetch" href="/assets/js/278.66ab7c11.js"><link rel="prefetch" href="/assets/js/279.ff51cd15.js"><link rel="prefetch" href="/assets/js/28.ef3f6db2.js"><link rel="prefetch" href="/assets/js/280.ef45ed5f.js"><link rel="prefetch" href="/assets/js/281.87f26b81.js"><link rel="prefetch" href="/assets/js/282.c8ef594b.js"><link rel="prefetch" href="/assets/js/283.15643091.js"><link rel="prefetch" href="/assets/js/284.c4f25b2e.js"><link rel="prefetch" href="/assets/js/285.2d16e4b6.js"><link rel="prefetch" href="/assets/js/286.44eba266.js"><link rel="prefetch" href="/assets/js/287.7613e62f.js"><link rel="prefetch" href="/assets/js/288.b9546d55.js"><link rel="prefetch" href="/assets/js/289.125f85d8.js"><link rel="prefetch" href="/assets/js/29.177558be.js"><link rel="prefetch" href="/assets/js/290.db375797.js"><link rel="prefetch" href="/assets/js/291.90946626.js"><link rel="prefetch" href="/assets/js/292.a4524678.js"><link rel="prefetch" href="/assets/js/293.3ed9b083.js"><link rel="prefetch" href="/assets/js/294.d6c14116.js"><link rel="prefetch" href="/assets/js/295.2b485032.js"><link rel="prefetch" href="/assets/js/296.29d9aa0f.js"><link rel="prefetch" href="/assets/js/297.bfd72435.js"><link rel="prefetch" href="/assets/js/298.fc056989.js"><link rel="prefetch" href="/assets/js/299.0a3f258e.js"><link rel="prefetch" href="/assets/js/3.4dc033c7.js"><link rel="prefetch" href="/assets/js/30.248a229d.js"><link rel="prefetch" href="/assets/js/300.d064d776.js"><link rel="prefetch" href="/assets/js/301.d95b9fc0.js"><link rel="prefetch" href="/assets/js/302.1afa637a.js"><link rel="prefetch" href="/assets/js/303.231beaa8.js"><link rel="prefetch" href="/assets/js/304.05df35d9.js"><link rel="prefetch" href="/assets/js/305.f2d83cf9.js"><link rel="prefetch" href="/assets/js/306.d54f5e5e.js"><link rel="prefetch" href="/assets/js/307.d5df9000.js"><link rel="prefetch" href="/assets/js/308.ef2f52b3.js"><link rel="prefetch" href="/assets/js/309.d1f13319.js"><link rel="prefetch" href="/assets/js/31.32a62b91.js"><link rel="prefetch" href="/assets/js/310.30b84be3.js"><link rel="prefetch" href="/assets/js/311.d79e3145.js"><link rel="prefetch" href="/assets/js/312.58e24f19.js"><link rel="prefetch" href="/assets/js/313.9809a122.js"><link rel="prefetch" href="/assets/js/314.e92e41b1.js"><link rel="prefetch" href="/assets/js/315.8c2fc1d4.js"><link rel="prefetch" href="/assets/js/316.a0904343.js"><link rel="prefetch" href="/assets/js/317.18e42b54.js"><link rel="prefetch" href="/assets/js/318.6b051d27.js"><link rel="prefetch" href="/assets/js/319.513b0197.js"><link rel="prefetch" href="/assets/js/32.23b75afc.js"><link rel="prefetch" href="/assets/js/320.ae91bc36.js"><link rel="prefetch" href="/assets/js/321.a194efea.js"><link rel="prefetch" href="/assets/js/322.8273020e.js"><link rel="prefetch" href="/assets/js/323.d332e08f.js"><link rel="prefetch" href="/assets/js/324.ed867b64.js"><link rel="prefetch" href="/assets/js/325.c43ccf9a.js"><link rel="prefetch" href="/assets/js/326.9497d879.js"><link rel="prefetch" href="/assets/js/327.7f095e40.js"><link rel="prefetch" href="/assets/js/328.cb5c5847.js"><link rel="prefetch" href="/assets/js/329.d36b59f3.js"><link rel="prefetch" href="/assets/js/33.b258b779.js"><link rel="prefetch" href="/assets/js/330.b1a092b9.js"><link rel="prefetch" href="/assets/js/331.ff86566f.js"><link rel="prefetch" href="/assets/js/332.0daafa9f.js"><link rel="prefetch" href="/assets/js/333.b7e50524.js"><link rel="prefetch" href="/assets/js/334.7dcf9f0b.js"><link rel="prefetch" href="/assets/js/335.862c410a.js"><link rel="prefetch" href="/assets/js/336.c6384990.js"><link rel="prefetch" href="/assets/js/337.ab9d5e52.js"><link rel="prefetch" href="/assets/js/338.598ae59e.js"><link rel="prefetch" href="/assets/js/339.9b810ff8.js"><link rel="prefetch" href="/assets/js/34.3bd60f1f.js"><link rel="prefetch" href="/assets/js/340.5609a53c.js"><link rel="prefetch" href="/assets/js/341.969d335a.js"><link rel="prefetch" href="/assets/js/342.43f85dba.js"><link rel="prefetch" href="/assets/js/343.47280ef9.js"><link rel="prefetch" href="/assets/js/344.346ae5fc.js"><link rel="prefetch" href="/assets/js/345.32166361.js"><link rel="prefetch" href="/assets/js/346.86ff128b.js"><link rel="prefetch" href="/assets/js/347.3c5421fe.js"><link rel="prefetch" href="/assets/js/348.95910300.js"><link rel="prefetch" href="/assets/js/349.004158d8.js"><link rel="prefetch" href="/assets/js/35.18e8f66a.js"><link rel="prefetch" href="/assets/js/350.e10b195b.js"><link rel="prefetch" href="/assets/js/351.12f89875.js"><link rel="prefetch" href="/assets/js/352.83957394.js"><link rel="prefetch" href="/assets/js/353.475971b9.js"><link rel="prefetch" href="/assets/js/354.8af7b26b.js"><link rel="prefetch" href="/assets/js/355.85925e24.js"><link rel="prefetch" href="/assets/js/356.1d77cf9c.js"><link rel="prefetch" href="/assets/js/357.b467d481.js"><link rel="prefetch" href="/assets/js/358.ac96f32d.js"><link rel="prefetch" href="/assets/js/359.e048bd10.js"><link rel="prefetch" href="/assets/js/36.a7ae257c.js"><link rel="prefetch" href="/assets/js/360.e9b45545.js"><link rel="prefetch" href="/assets/js/361.ad1bb45b.js"><link rel="prefetch" href="/assets/js/362.4e24a30b.js"><link rel="prefetch" href="/assets/js/363.64f7dad5.js"><link rel="prefetch" href="/assets/js/364.d9e3ebc2.js"><link rel="prefetch" href="/assets/js/365.330e3086.js"><link rel="prefetch" href="/assets/js/366.a6c0afb3.js"><link rel="prefetch" href="/assets/js/367.ffcefa40.js"><link rel="prefetch" href="/assets/js/368.664c8e4d.js"><link rel="prefetch" href="/assets/js/369.67da2dd2.js"><link rel="prefetch" href="/assets/js/37.d709f9a9.js"><link rel="prefetch" href="/assets/js/370.b1791970.js"><link rel="prefetch" href="/assets/js/371.743a461a.js"><link rel="prefetch" href="/assets/js/372.7703ef1b.js"><link rel="prefetch" href="/assets/js/373.17de31f6.js"><link rel="prefetch" href="/assets/js/374.e508be9e.js"><link rel="prefetch" href="/assets/js/375.6e2e9fe3.js"><link rel="prefetch" href="/assets/js/376.8ca3511a.js"><link rel="prefetch" href="/assets/js/377.bfcee39c.js"><link rel="prefetch" href="/assets/js/378.21852b78.js"><link rel="prefetch" href="/assets/js/379.9649c307.js"><link rel="prefetch" href="/assets/js/38.68ca920e.js"><link rel="prefetch" href="/assets/js/380.dadb4418.js"><link rel="prefetch" href="/assets/js/381.a03c993d.js"><link rel="prefetch" href="/assets/js/382.bb7c22c1.js"><link rel="prefetch" href="/assets/js/383.bd68b2e5.js"><link rel="prefetch" href="/assets/js/384.f6dc7457.js"><link rel="prefetch" href="/assets/js/385.14287a91.js"><link rel="prefetch" href="/assets/js/386.a6284ac2.js"><link rel="prefetch" href="/assets/js/387.c51f147a.js"><link rel="prefetch" href="/assets/js/388.06d9651e.js"><link rel="prefetch" href="/assets/js/389.2d85d927.js"><link rel="prefetch" href="/assets/js/39.de850db9.js"><link rel="prefetch" href="/assets/js/390.2397b3e0.js"><link rel="prefetch" href="/assets/js/391.8413aaaf.js"><link rel="prefetch" href="/assets/js/392.00eecaa4.js"><link rel="prefetch" href="/assets/js/393.351dd3fd.js"><link rel="prefetch" href="/assets/js/394.d2cc4a70.js"><link rel="prefetch" href="/assets/js/395.abee64bf.js"><link rel="prefetch" href="/assets/js/396.bc265e6a.js"><link rel="prefetch" href="/assets/js/397.e4a96944.js"><link rel="prefetch" href="/assets/js/398.f0d26b29.js"><link rel="prefetch" href="/assets/js/399.e77c3ddc.js"><link rel="prefetch" href="/assets/js/4.2f502b73.js"><link rel="prefetch" href="/assets/js/40.91635261.js"><link rel="prefetch" href="/assets/js/400.c7eac401.js"><link rel="prefetch" href="/assets/js/401.06092d16.js"><link rel="prefetch" href="/assets/js/402.4e08e496.js"><link rel="prefetch" href="/assets/js/403.deba4c77.js"><link rel="prefetch" href="/assets/js/404.9100e4df.js"><link rel="prefetch" href="/assets/js/405.e9f451e2.js"><link rel="prefetch" href="/assets/js/406.a0da4aa4.js"><link rel="prefetch" href="/assets/js/407.58b2b123.js"><link rel="prefetch" href="/assets/js/408.eb2cde2d.js"><link rel="prefetch" href="/assets/js/409.9041f749.js"><link rel="prefetch" href="/assets/js/41.169a3cfc.js"><link rel="prefetch" href="/assets/js/410.c12f3710.js"><link rel="prefetch" href="/assets/js/411.452cda45.js"><link rel="prefetch" href="/assets/js/412.8691317a.js"><link rel="prefetch" href="/assets/js/413.25a68f21.js"><link rel="prefetch" href="/assets/js/414.7a9699d8.js"><link rel="prefetch" href="/assets/js/415.6e8cdaff.js"><link rel="prefetch" href="/assets/js/416.e8a86529.js"><link rel="prefetch" href="/assets/js/417.28330bde.js"><link rel="prefetch" href="/assets/js/418.2fed8e17.js"><link rel="prefetch" href="/assets/js/419.773032f4.js"><link rel="prefetch" href="/assets/js/42.e17cd061.js"><link rel="prefetch" href="/assets/js/420.56681228.js"><link rel="prefetch" href="/assets/js/421.0d170e13.js"><link rel="prefetch" href="/assets/js/422.fc8c2a11.js"><link rel="prefetch" href="/assets/js/423.e34ea6a6.js"><link rel="prefetch" href="/assets/js/424.20fe8748.js"><link rel="prefetch" href="/assets/js/425.f001b7cd.js"><link rel="prefetch" href="/assets/js/426.a91230ef.js"><link rel="prefetch" href="/assets/js/427.c6c9fe8d.js"><link rel="prefetch" href="/assets/js/428.9d4f5e41.js"><link rel="prefetch" href="/assets/js/429.c81cfd3f.js"><link rel="prefetch" href="/assets/js/43.f88aa667.js"><link rel="prefetch" href="/assets/js/430.eb61372f.js"><link rel="prefetch" href="/assets/js/431.4a25365a.js"><link rel="prefetch" href="/assets/js/432.42fc1bbe.js"><link rel="prefetch" href="/assets/js/433.8e9ac9f0.js"><link rel="prefetch" href="/assets/js/434.fdd0b160.js"><link rel="prefetch" href="/assets/js/435.d6cbac31.js"><link rel="prefetch" href="/assets/js/436.17750ba2.js"><link rel="prefetch" href="/assets/js/437.a1468099.js"><link rel="prefetch" href="/assets/js/438.ac6a45c2.js"><link rel="prefetch" href="/assets/js/439.242ae27a.js"><link rel="prefetch" href="/assets/js/44.3f36e228.js"><link rel="prefetch" href="/assets/js/440.b80b520c.js"><link rel="prefetch" href="/assets/js/441.e51a4bbb.js"><link rel="prefetch" href="/assets/js/442.ab0b3eda.js"><link rel="prefetch" href="/assets/js/443.47e44250.js"><link rel="prefetch" href="/assets/js/444.54c3b425.js"><link rel="prefetch" href="/assets/js/445.e006c12e.js"><link rel="prefetch" href="/assets/js/446.f2b79730.js"><link rel="prefetch" href="/assets/js/447.2509a397.js"><link rel="prefetch" href="/assets/js/448.b7d69dfc.js"><link rel="prefetch" href="/assets/js/449.8a575d9b.js"><link rel="prefetch" href="/assets/js/45.be1455b1.js"><link rel="prefetch" href="/assets/js/450.ad421aeb.js"><link rel="prefetch" href="/assets/js/451.f09912ae.js"><link rel="prefetch" href="/assets/js/452.f528c4ce.js"><link rel="prefetch" href="/assets/js/453.fc4dc0f9.js"><link rel="prefetch" href="/assets/js/454.733c315c.js"><link rel="prefetch" href="/assets/js/455.44fe35b1.js"><link rel="prefetch" href="/assets/js/456.7f650035.js"><link rel="prefetch" href="/assets/js/457.77ebc183.js"><link rel="prefetch" href="/assets/js/458.133078f4.js"><link rel="prefetch" href="/assets/js/459.33728b5e.js"><link rel="prefetch" href="/assets/js/46.5ad74cb5.js"><link rel="prefetch" href="/assets/js/460.6946f564.js"><link rel="prefetch" href="/assets/js/461.6f906c5c.js"><link rel="prefetch" href="/assets/js/462.26eca27e.js"><link rel="prefetch" href="/assets/js/463.e02e5f65.js"><link rel="prefetch" href="/assets/js/464.0df25c63.js"><link rel="prefetch" href="/assets/js/465.80cd249e.js"><link rel="prefetch" href="/assets/js/466.a0921e86.js"><link rel="prefetch" href="/assets/js/467.1bec2b47.js"><link rel="prefetch" href="/assets/js/468.b6fa37c1.js"><link rel="prefetch" href="/assets/js/469.a1d2487e.js"><link rel="prefetch" href="/assets/js/47.03df5d0a.js"><link rel="prefetch" href="/assets/js/470.36a4b9c8.js"><link rel="prefetch" href="/assets/js/471.28895273.js"><link rel="prefetch" href="/assets/js/472.b9fe392f.js"><link rel="prefetch" href="/assets/js/473.a2835d9c.js"><link rel="prefetch" href="/assets/js/474.cd57b37d.js"><link rel="prefetch" href="/assets/js/475.8d5a9792.js"><link rel="prefetch" href="/assets/js/476.f7f3781c.js"><link rel="prefetch" href="/assets/js/477.9b710b04.js"><link rel="prefetch" href="/assets/js/478.46d66687.js"><link rel="prefetch" href="/assets/js/479.e7444705.js"><link rel="prefetch" href="/assets/js/48.48f286ba.js"><link rel="prefetch" href="/assets/js/480.da2b750a.js"><link rel="prefetch" href="/assets/js/481.838a8e04.js"><link rel="prefetch" href="/assets/js/482.02bf8041.js"><link rel="prefetch" href="/assets/js/483.bb29ef2f.js"><link rel="prefetch" href="/assets/js/484.aebb68bd.js"><link rel="prefetch" href="/assets/js/485.a66ab41b.js"><link rel="prefetch" href="/assets/js/486.8df516fb.js"><link rel="prefetch" href="/assets/js/487.86d28130.js"><link rel="prefetch" href="/assets/js/488.0863da70.js"><link rel="prefetch" href="/assets/js/489.5d4d9e88.js"><link rel="prefetch" href="/assets/js/49.1ca52d11.js"><link rel="prefetch" href="/assets/js/490.3fd65d85.js"><link rel="prefetch" href="/assets/js/491.ae3a2f87.js"><link rel="prefetch" href="/assets/js/492.6f54679b.js"><link rel="prefetch" href="/assets/js/493.a594b1f4.js"><link rel="prefetch" href="/assets/js/494.4f03fae1.js"><link rel="prefetch" href="/assets/js/495.ae50b66b.js"><link rel="prefetch" href="/assets/js/496.bc92d835.js"><link rel="prefetch" href="/assets/js/497.eac65251.js"><link rel="prefetch" href="/assets/js/498.1d726726.js"><link rel="prefetch" href="/assets/js/499.01e4f7d1.js"><link rel="prefetch" href="/assets/js/5.7b1f056c.js"><link rel="prefetch" href="/assets/js/50.73732fe2.js"><link rel="prefetch" href="/assets/js/500.062ade4e.js"><link rel="prefetch" href="/assets/js/501.e6a711dc.js"><link rel="prefetch" href="/assets/js/502.c79e28e2.js"><link rel="prefetch" href="/assets/js/503.bf97bce9.js"><link rel="prefetch" href="/assets/js/504.b2784ef0.js"><link rel="prefetch" href="/assets/js/505.0767ba54.js"><link rel="prefetch" href="/assets/js/506.8ae14637.js"><link rel="prefetch" href="/assets/js/507.003e2349.js"><link rel="prefetch" href="/assets/js/508.ecb5e6bd.js"><link rel="prefetch" href="/assets/js/509.b644f44a.js"><link rel="prefetch" href="/assets/js/51.bed7cf61.js"><link rel="prefetch" href="/assets/js/510.b660946f.js"><link rel="prefetch" href="/assets/js/511.cb186c8f.js"><link rel="prefetch" href="/assets/js/512.d176170f.js"><link rel="prefetch" href="/assets/js/513.18a1afa5.js"><link rel="prefetch" href="/assets/js/514.4a33e931.js"><link rel="prefetch" href="/assets/js/515.8496bd4d.js"><link rel="prefetch" href="/assets/js/516.529b9476.js"><link rel="prefetch" href="/assets/js/517.289738f1.js"><link rel="prefetch" href="/assets/js/518.eda39556.js"><link rel="prefetch" href="/assets/js/519.85b42de5.js"><link rel="prefetch" href="/assets/js/52.22a7da62.js"><link rel="prefetch" href="/assets/js/520.8b531775.js"><link rel="prefetch" href="/assets/js/521.8e4b66fb.js"><link rel="prefetch" href="/assets/js/522.050bfc55.js"><link rel="prefetch" href="/assets/js/523.e973f1e0.js"><link rel="prefetch" href="/assets/js/524.fd160738.js"><link rel="prefetch" href="/assets/js/525.5a4bc307.js"><link rel="prefetch" href="/assets/js/526.361bc4fa.js"><link rel="prefetch" href="/assets/js/527.06ee9d73.js"><link rel="prefetch" href="/assets/js/528.22d9b118.js"><link rel="prefetch" href="/assets/js/529.b7592c16.js"><link rel="prefetch" href="/assets/js/53.767f3bbf.js"><link rel="prefetch" href="/assets/js/530.ad96d564.js"><link rel="prefetch" href="/assets/js/531.61905243.js"><link rel="prefetch" href="/assets/js/532.11aebf61.js"><link rel="prefetch" href="/assets/js/533.0cddb226.js"><link rel="prefetch" href="/assets/js/534.d1c9cc36.js"><link rel="prefetch" href="/assets/js/54.d1f9eec8.js"><link rel="prefetch" href="/assets/js/55.aa90e812.js"><link rel="prefetch" href="/assets/js/56.4d7f81f2.js"><link rel="prefetch" href="/assets/js/57.3c540e8d.js"><link rel="prefetch" href="/assets/js/58.fc1c23f2.js"><link rel="prefetch" href="/assets/js/59.c7a7a4c0.js"><link rel="prefetch" href="/assets/js/6.056886f1.js"><link rel="prefetch" href="/assets/js/60.40e590ae.js"><link rel="prefetch" href="/assets/js/61.e400b323.js"><link rel="prefetch" href="/assets/js/62.bbb30ef1.js"><link rel="prefetch" href="/assets/js/63.c31cd2bb.js"><link rel="prefetch" href="/assets/js/64.62321188.js"><link rel="prefetch" href="/assets/js/65.44adc2b3.js"><link rel="prefetch" href="/assets/js/66.b5740d4f.js"><link rel="prefetch" href="/assets/js/67.76c3624c.js"><link rel="prefetch" href="/assets/js/68.6dd982d4.js"><link rel="prefetch" href="/assets/js/69.eb1390ec.js"><link rel="prefetch" href="/assets/js/7.a96cecf9.js"><link rel="prefetch" href="/assets/js/70.8c882bdd.js"><link rel="prefetch" href="/assets/js/71.001c968a.js"><link rel="prefetch" href="/assets/js/72.ae4ca075.js"><link rel="prefetch" href="/assets/js/73.d6ae6a27.js"><link rel="prefetch" href="/assets/js/74.fba60e37.js"><link rel="prefetch" href="/assets/js/75.0b1bf7bf.js"><link rel="prefetch" href="/assets/js/76.ee19d90e.js"><link rel="prefetch" href="/assets/js/77.fe8ac5f0.js"><link rel="prefetch" href="/assets/js/78.ae09432e.js"><link rel="prefetch" href="/assets/js/79.c1b10e2d.js"><link rel="prefetch" href="/assets/js/80.ae809538.js"><link rel="prefetch" href="/assets/js/81.ca11b4c7.js"><link rel="prefetch" href="/assets/js/82.308b98e4.js"><link rel="prefetch" href="/assets/js/83.355d9dde.js"><link rel="prefetch" href="/assets/js/84.a2b61d48.js"><link rel="prefetch" href="/assets/js/85.cf992fda.js"><link rel="prefetch" href="/assets/js/86.f547c7ea.js"><link rel="prefetch" href="/assets/js/87.2b02746a.js"><link rel="prefetch" href="/assets/js/88.e939aad5.js"><link rel="prefetch" href="/assets/js/89.b000c42a.js"><link rel="prefetch" href="/assets/js/90.dadef001.js"><link rel="prefetch" href="/assets/js/91.c0fe2e32.js"><link rel="prefetch" href="/assets/js/92.e09650b9.js"><link rel="prefetch" href="/assets/js/93.427c7280.js"><link rel="prefetch" href="/assets/js/94.90fc5f58.js"><link rel="prefetch" href="/assets/js/95.13d42b3a.js"><link rel="prefetch" href="/assets/js/96.d0a2ea8c.js"><link rel="prefetch" href="/assets/js/97.cc9a0eda.js"><link rel="prefetch" href="/assets/js/98.3c9f1b7e.js"><link rel="prefetch" href="/assets/js/99.0420dcbc.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.33b2b47d.js">
    <link rel="stylesheet" href="/assets/css/0.styles.40c15e22.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="鱼皮的编程宝典" class="logo"> <span class="site-name can-hide">鱼皮的编程宝典</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/学习路线/" class="nav-link">
  学习路线
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="自学之路" class="dropdown-title"><span class="title">自学之路</span> <span class="arrow down"></span></button> <button type="button" aria-label="自学之路" class="mobile-dropdown-title"><span class="title">自学之路</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/自学之路/#大学经历" class="nav-link">
  大学经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#求职经历" class="nav-link">
  求职经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#职场工作" class="nav-link">
  职场工作
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创作经历" class="nav-link">
  创作经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#创业经历" class="nav-link">
  创业经历
</a></li><li class="dropdown-item"><!----> <a href="/自学之路/#生活日常" class="nav-link">
  生活日常
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="编程分享" class="dropdown-title"><span class="title">编程分享</span> <span class="arrow down"></span></button> <button type="button" aria-label="编程分享" class="mobile-dropdown-title"><span class="title">编程分享</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/编程分享/#入门必看-学习路线" class="nav-link">
  入门必看-学习路线
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#学习指南" class="nav-link">
  学习指南
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#开发经验" class="nav-link">
  开发经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#求职经验" class="nav-link">
  求职经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#职场经验" class="nav-link">
  职场经验
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#技术分享" class="nav-link">
  技术分享
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#实战教程" class="nav-link">
  实战教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#其他" class="nav-link">
  其他
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#📚-项目教程" class="nav-link">
  项目教程
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#个人作品" class="nav-link">
  个人作品
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🎁-编程资源" class="nav-link">
  编程资源
</a></li><li class="dropdown-item"><!----> <a href="/编程分享/#🌐-科技科普" class="nav-link">
  科技科普
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="项目实战" class="dropdown-title"><span class="title">项目实战</span> <span class="arrow down"></span></button> <button type="button" aria-label="项目实战" class="mobile-dropdown-title"><span class="title">项目实战</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/项目实战/OJ 判题系统.html" class="nav-link">
  OJ 判题系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/智能 BI 平台.html" class="nav-link">
  智能 BI 平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/聚合搜索平台.html" class="nav-link">
  聚合搜索平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/API 开放平台.html" class="nav-link">
  API 开放平台
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/伙伴匹配系统.html" class="nav-link">
  伙伴匹配系统
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/用户中心项目.html" class="nav-link">
  用户中心项目
</a></li><li class="dropdown-item"><!----> <a href="/项目实战/Java 后端万用项目模板.html" class="nav-link">
  Java 后端万用项目模板
</a></li></ul></div></div><div class="nav-item"><a href="/知识碎片/" class="nav-link">
  知识碎片
</a></div><div class="nav-item"><a href="/编程导航/" class="nav-link">
  🔥 编程导航
</a></div><div class="nav-item"><a href="/产品服务/" class="nav-link">
  产品服务
</a></div><div class="nav-item"><a href="/作者/" class="nav-link">
  作者
</a></div> <a href="https://github.com/liyupi/codefather" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><a href="/%E7%BC%96%E7%A8%8B%E5%88%86%E4%BA%AB/" class="sidebar-link">入门必看 - 学习路线</a></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>入门必看-学习路线</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>学习指南</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>开发经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>求职经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>职场经验</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>技术分享</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>实战教程</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>项目教程</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>编程资源</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>科技科普</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>其他</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="content"><div style="width:100%"><div class="theme-default-content custom-content content__default"><h1 id="腾讯公测云开发低码-全网首篇实战评测"><a href="#腾讯公测云开发低码-全网首篇实战评测" class="header-anchor">#</a> 腾讯公测云开发低码！全网首篇实战评测</h1> <blockquote><p>本文作者：<a href="https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah" target="_blank" rel="noopener noreferrer">程序员鱼皮<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p>本站地址：<a href="https://codefather.cn" target="_blank" rel="noopener noreferrer">https://codefather.cn<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></blockquote> <p>听说腾讯的新产品『 云开发低码 』即将开放公测了，怀着无比激动的心情，鱼皮立刻去官网申请并成功拿到了公测资格，然后使用它开发了一个小程序，并且通过 2020 Techo Park 开发者大会加深了对这项技术的了解。</p> <p>而就在 <strong>2020 年的最后一天下午</strong>，公测正式启动！</p> <p><strong>说是全网首篇云开发低码实战评测应该一点也不过分！</strong></p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959627.png" loading="lazy" class="lazy"></p> <p>如果你想轻松快速地制作小程序或移动端网站，一定要花 5 分钟读完本文！</p> <p>下面鱼皮带大家一起吃螃蟹。首先了解什么是云开发低码，然后通过实战开发『 备忘录 』小程序来体验云开发低码平台，最后分享个人使用心得，并给出看法和评测。</p> <p>可以先通过 1 分钟短视频简单了解云开发低码。</p> <h2 id="什么是云开发低码"><a href="#什么是云开发低码" class="header-anchor">#</a> 什么是云开发低码？</h2> <p>在认识云开发低码前，要先了解『 云开发 』和『 低码 』。</p> <h4 id="_1-什么是云开发"><a href="#_1-什么是云开发" class="header-anchor">#</a> 1. 什么是云开发？</h4> <p>云开发（CloudBase）是云端一体化的<strong>后端</strong>云服务 ，采用 <code>Serverless</code> 架构，无需自己搭建后端，免去了传统开发和构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具、<code>Flutter SDK</code> 等能力降低了应用开发的门槛，前端同学也可以轻松开发一个完整的小程序、小游戏、H5、Web、移动 App 等应用。</p> <p>通过云开发提供的云数据库、云存储、云函数等功能，开发者无需再关心各种复杂的后端架构和服务运维，只需要专注于开发业务逻辑，从而大大提升了开发效率。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959288.png" loading="lazy" class="lazy"></p> <h4 id="_2-什么是低代码"><a href="#_2-什么是低代码" class="header-anchor">#</a> 2. 什么是低代码？</h4> <p>低码即<strong>低代码</strong>，英文 LowCode，但此处的 Low 可不是低端的意思，而是指在开发中少写代码、甚至是不写代码（零代码）。</p> <p>怎么能做到少写代码甚至不写代码来实现功能呢？我们可以想一下自己在编程中减少重复代码的方法。</p> <p>假设我们要开发一个填表网站，网站上有输入框、单选框和复选框。</p> <p>第一次开发表单时，我们可能会复制组件库的代码或者完全自己编写。但之后开发类似页面时，我们还会从零开始写一遍么？肯定是直接把之前的页面代码复制粘贴过来修改几下就好了。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959388.png" loading="lazy" class="lazy"></p> <p>复制粘贴次数多了，你会变得越来越懒，能不能通过工具自动生成重复的代码呢？当然可以，而且实现一个简单的代码生成器并不复杂，可以简单理解为创建一个包含特定字符串的文件。</p> <p>如果嫌这样的代码生成器太过简陋、不够灵活，我们还可以开发一个可视化界面，需要什么组件，就在界面上选中，然后动态生成不同的代码。这其实就是一个低代码应用。</p> <p><strong>低代码的本质就是应用场景的极致抽象并且模板化的过程</strong>。很多知名的互联网大公司早就推出了自己的低代码构建软件，随着近几年云计算、云原生技术的发展，这些平台也逐渐上云，开发者甚至不需要下载任何软件，就能开发出一套系统。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959628.jpeg" loading="lazy" class="lazy"></p> <h4 id="_3-什么是云开发低码"><a href="#_3-什么是云开发低码" class="header-anchor">#</a> 3. 什么是云开发低码？</h4> <p>2020 年 11 月 29 日，腾讯正式推出<strong>云开发低代码平台</strong>，帮助越来越多的小白成为 “开发者”。</p> <p>云开发低码（LowCode）是腾讯云提供的高效、高性能的<strong>拖拽式</strong>低代码开发平台，向上连接前端的行业业务，向下连接云计算的海量能力，助力企业垂直上云。</p> <p>云开发低码将繁琐的底层架构和基础设施抽象化为图形界面，通过行业化模板、拖放式组件和可视化配置快速构建<strong>多端应用</strong>（不仅仅是微信小程序，还支持 H5 应用、Web 应用等，未来还会支持 App 等更多端，只需开发一次，可自动部署多端），免去代码编写工作，让开发者能够完全专注于业务场景。</p> <p>云开发低码以云开发作为底层支撑，云原生能力将应用搭建的全链路打通，提供高度开放的开发环境，时刻为应用保驾护航。整体架构如下：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959295.png" loading="lazy" class="lazy"></p> <blockquote><p>云开发低码整体架构</p></blockquote> <p><strong>云开发低码有着重大的意义。</strong></p> <p>一方面是极大降低开发门槛，通过云开发低码平台，哪怕你只会前端或者后端，甚至是没有任何技术背景的产品、运营同学，也可以独立制作应用，人人都是可以是全栈开发者！</p> <p>另一方面，云开发低码能够提升生产效率，避免重复性工作，开发者可以更加专注于业务逻辑创新、专注架构和算法设计。</p> <p>举一个官方提供的例子，粤省事小程序要开发一个 “贫困认证” 功能，低代码平台可以直接复用基础组件和已有业务逻辑抽象，<strong>代码行数从 2000 多行降低到 61 行，文件个数从 42 个缩减为 1 个，交付效率提升了至少5倍！</strong></p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959984.jpeg" loading="lazy" class="lazy"></p> <blockquote><p>2020 Techo Park 开发者大会</p></blockquote> <p>说了那么多，还是通过一个实战来带大家感受一下云开发低码的优势。</p> <h2 id="实战『-备忘录-』小程序"><a href="#实战『-备忘录-』小程序" class="header-anchor">#</a> 实战『 备忘录 』小程序</h2> <p>开发小程序的目的主要是体验下云开发低码平台，并且希望能够带大家快速上手。因此小程序非常简单，就是一个备忘录（todoList），能够记录和查看自己的待办事项。</p> <p><strong>最终效果如下：</strong></p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959438.png" loading="lazy" class="lazy"></p> <blockquote><p>备忘录主页</p></blockquote> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959531.png" loading="lazy" class="lazy"></p> <blockquote><p>添加待办页面</p></blockquote> <p>下面手把手带大家开发这个小程序，并在开发的过程中熟悉云开发低码平台的基础用法。不用担心自己没学过前端或者后端，因为在云开发低码的世界中，一切都是那么简单！</p> <h4 id="_1-创建应用"><a href="#_1-创建应用" class="header-anchor">#</a> 1. 创建应用</h4> <p>进入腾讯云开发低码控制台，创建空白应用。一个应用对应一个小程序或网站。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959078.png" loading="lazy" class="lazy"></p> <blockquote><p>新建应用</p></blockquote> <h4 id="_2-创建数据源"><a href="#_2-创建数据源" class="header-anchor">#</a> 2. 创建数据源</h4> <p>云开发为我们提供了云数据库和后端接口的能力，可以在控制台创建数据源，对应数据库的一张表。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959992.png" loading="lazy" class="lazy"></p> <blockquote><p>数据源管理</p></blockquote> <p>点击新建数据源，可以在此填写数据表名、字段，并配置对该表的操作权限（增删改查等）。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311080959425.png" loading="lazy" class="lazy"></p> <blockquote><p>新建数据库源</p></blockquote> <p>前期工作准备完成，下面开发界面。</p> <h4 id="_3-开发界面"><a href="#_3-开发界面" class="header-anchor">#</a> 3. 开发界面</h4> <p>颠覆了传统写前端代码来开发小程序界面的方式，云开发低码平台支持可视化拖拽式开发。</p> <p>先进入应用编辑界面：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000646.png" loading="lazy" class="lazy"></p> <blockquote><p>编辑应用</p></blockquote> <p>先来整体认识下应用编辑界面，大致分为如下几个区域，后面我们会在开发中认识这些区域的作用。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000243.png" loading="lazy" class="lazy"></p> <blockquote><p>应用编辑界面</p></blockquote> <p>首先新建界面，我们需要两个页面，“主页” 和 “添加待办” 页面。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000697.png" loading="lazy" class="lazy"></p> <blockquote><p>新建页面</p></blockquote> <p>新建页面后，我们先开发主页，就是显示待办事项列表，并提供一个跳转到 “添加待办” 页面的按钮。</p> <p>直接点选需要的组件，能在组件树、预览区和编辑区实时看到页面的变化：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000850.png" loading="lazy" class="lazy"></p> <blockquote><p>点选组件，搭建页面</p></blockquote> <p>每个组件都有一些默认的文字，可以编辑组件的内容，点击编辑区对应组件即可修改：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000859.png" loading="lazy" class="lazy"></p> <blockquote><p>编辑组件内容</p></blockquote> <p>主页的内容结构就搭建完成啦，整个过程不会超过两分钟。而如果写代码来开发，即使有现成的组件，也要复制代码和修改，会额外花费大量时间。</p> <h4 id="_4-美化样式"><a href="#_4-美化样式" class="header-anchor">#</a> 4. 美化样式</h4> <p>现在的界面看着非常丑，我们需要美化一下页面的样式，同样不需要写代码，直接在 “样式” 中点选输入值即可。</p> <p>修改导航条的文字颜色和背景色：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000132.png" loading="lazy" class="lazy"></p> <blockquote><p>修改导航条样式</p></blockquote> <p>修改 “暂无待办” 文字样式，如间距、字号、对齐：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000488.png" loading="lazy" class="lazy"></p> <blockquote><p>修改文字样式</p></blockquote> <p>当然，还可以灵活地自定义样式代码：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000854.png" loading="lazy" class="lazy"></p> <blockquote><p>自由编辑样式代码</p></blockquote> <p>样式美化工作就完成了，可以<strong>用同样的方法</strong>制作 “添加待办” 页面。</p> <p><strong>但有一个要注意的点，表单输入项的 key 要和我们最初定义的数据表字段名保持一致，否则会增加很多额外的工作。</strong></p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000962.png" loading="lazy" class="lazy"></p> <blockquote><p>注意表单项的 key 要和数据表字段名一致</p></blockquote> <h4 id="_5-前后端连接"><a href="#_5-前后端连接" class="header-anchor">#</a> 5. 前后端连接</h4> <p>虽然页面内容和样式都有了，但是现在的网站只是一个静态网站，我们看到的待办事项数据都是假的，不会发生任何变化。而实际上，我们需要通过后端从数据库中获取到数据，然后进行展示。</p> <p>怎么将后端取到的数据和前端页面相关联呢？</p> <p>如果靠写代码来实现，大家第一时间想到的是 <code>Ajax</code>，即异步 <code>JavaScript</code> 和 <code>XML</code>，一种创建交互式、快速动态网页应用的网页开发技术。</p> <p><strong>而使用云开发低码，只需要动动手指进行配置，就能自动关联。</strong></p> <p>先点击顶部操作栏的 “数据源变量”，创建一个 <code>todos</code> 全局变量（在整个应用内都有效），并和之前配置的 <code>todo</code> 数据源相关联。数据源动作指定为 “查询列表”，这样 <code>todos</code> 变量就保存了数据表 <code>todo</code> 中的全部数据。不用自己写代码查询数据再赋值了！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000992.png" loading="lazy" class="lazy"></p> <blockquote><p>编辑数据源变量</p></blockquote> <p>那怎么在主页展示 <code>todos</code> 变量中的待办事项列表呢？</p> <p>使用配置就能轻松完成。既然是列表，那就是重复添加单个组件，可以配置 for 循环来实现。先给<strong>外层</strong>视图组件 <code>View</code> 添加 for 循环展示。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000203.png" loading="lazy" class="lazy"></p> <blockquote><p>给视图组件配置 for 循环表达式</p></blockquote> <p>再给视图组件内的 <code>Cell</code> 组件动态绑定标题、描述等，通过外层的 for 循环，会生成多个 <code>Cell</code>，因此配置内层组件时，只需要考虑单条数据，绑定方式选择 “For 循环”。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000061.png" loading="lazy" class="lazy"></p> <blockquote><p>为内层 Cell 组件配置动态标题</p></blockquote> <p>配置完成，系统为我们生成了一些 <code>string</code> 类型假数据，方便我们查看效果。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000209.png" loading="lazy" class="lazy"></p> <blockquote><p>列表成功动态展示</p></blockquote> <p>如果已有待办数据，那 “暂无待办” 这几个字就显得有些碍眼，应该自动隐藏，怎么实现呢？</p> <p>其实配置一个 if 条件展示即可，编写一个条件表达式，当待办数据为空时才展示：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000853.png" loading="lazy" class="lazy"></p> <blockquote><p>配置 if 条件表达式</p></blockquote> <p>配置完成后，“暂无待办” 就消失不见啦！</p> <h4 id="_6-实现交互逻辑"><a href="#_6-实现交互逻辑" class="header-anchor">#</a> 6. 实现交互逻辑</h4> <p>现在的小程序就是一个花瓶，只有内容和样式，中看不中用，点击页面上的按钮不会有任何反应，也根本无法添加待办。</p> <p>下面我们来让小程序动起来，通过<strong>配置事件</strong>实现交互。</p> <p>先为主页的 “添加待办” 按钮配置点击事件，当用户点击该按钮时，跳转页面。云开发低码平台内置素材库，提供了大量常用的事件以及执行动作，无需自己编写代码。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000892.png" loading="lazy" class="lazy"></p> <blockquote><p>为按钮配置点击跳转事件</p></blockquote> <p>配置要跳转到哪个页面：</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000734.png" loading="lazy" class="lazy"></p> <blockquote><p>配置跳转详情</p></blockquote> <p>同样，我们要为 “添加待办” 页面的按钮增加事件，当用户点击时，向数据库中插入一条待办事项数据。但是从素材库中找不到合适的动作，这时我们就必须自己编写交互逻辑了。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000074.png" loading="lazy" class="lazy"></p> <blockquote><p>配置低代码</p></blockquote> <p>在弹出的低代码编辑器中，先在指定页面新增一个事件处理器。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000063.png" loading="lazy" class="lazy"></p> <blockquote><p>新增处理器</p></blockquote> <p>然后就要编写处理器的代码，此处的代码虽然看着比较多，但其实平台为我们提供了示例应用，直接把其中的代码复制到此处，替换数据源名称即可。就是大家喜欢的 <code>Ctrl C</code> + <code>Ctrl V</code>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000251.png" loading="lazy" class="lazy"></p> <blockquote><p>编写代码</p></blockquote> <p>然后保存代码，指定执行动作，就大功告成了。到目前为止，这是我们唯一需要编写代码的地方。然而，小程序已经开发完成了！</p> <h4 id="_7-预览和发布"><a href="#_7-预览和发布" class="header-anchor">#</a> 7. 预览和发布</h4> <p>开发完小程序后，点击顶部 “预览发布”，就可以查看效果啦！</p> <p>这里由于我的小程序坑位已满，就以网页 H5 的形式浏览。等待几分钟，会弹出一个可访问的链接，打开就能看到自己的作品了，还支持手机扫码浏览。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000247.png" loading="lazy" class="lazy"></p> <blockquote><p>预览发布</p></blockquote> <h2 id="亿点评测"><a href="#亿点评测" class="header-anchor">#</a> 亿点评测</h2> <p>体验了腾讯云开发低码平台，仿佛又让我找到了当时用 <code>VS</code>、<code>Qt Creator</code> 拖拖拽拽就开发出 Windows 桌面程序的快感。但是云开发低码平台略胜一筹的是，打通并结合低代码和云开发的强大能力，前后端都不用自己写代码来开发，完全不需要关心服务器的购置和部署！这种一条龙的开发体验，真的是非常棒！</p> <p>而且使用云低码平台开发出的应用<strong>天然支持跨端</strong>，做一个应用，就能够同时支持小程序和 H5，甚至是其他端的应用。</p> <p>虽然其他云服务厂商也有类似的低代码平台，但是考虑到微信小程序本身是属于腾讯自家的产品，使用腾讯云提供的云开发低码平台相对最靠谱稳定，和微信生态的连接更紧密，可以直接使用微信开放平台的一些功能，遇到问题也更容易定位和解决。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000837.png" loading="lazy" class="lazy"></p> <p>下面再从<strong>五个方面</strong>简单评测一下。</p> <h4 id="易用性"><a href="#易用性" class="header-anchor">#</a> 易用性</h4> <p>毫无疑问，云开发低码平台本身的目的就是简化开发、降低应用开发上手门槛，因此易用性是非常重要的指标。</p> <p>体验下来，易用性还是不错的。整个编辑界面简明清晰，可以轻松调整组件的顺序，设定组件的内容、样式、交互行为。</p> <p>云低码平台提供了一些现成的应用模板，直接套用能大大减少工作量。即使不套用模板，也很简单。除了一些定制的业务逻辑外，开发一个完整的应用几乎不需要写任何代码，在要编写代码的地方也基本都给出了比较友好的提示。因此，我作为一名有一点前后端开发经验的程序员，<strong>即使没有读过文档，也能直接完成开发</strong>。</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000207.png" loading="lazy" class="lazy"></p> <blockquote><p>友好提示</p></blockquote> <p>当然，我觉得还有很多可以优化的地方，比如鼠标悬停预览区时展示组件的样式、事件信息等等。</p> <h4 id="丰富度"><a href="#丰富度" class="header-anchor">#</a> 丰富度</h4> <p>目前云开发低代码平台虽然还处于公测阶段，但已经提供了非常多的常用组件，如表单、媒体、数据展示、画布、微信开放能力等，基本可以满足开发的需求。此外，还提供了一些面向企业级应用的页面模板，开箱即用！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000406.png" loading="lazy" class="lazy"></p> <blockquote><p>开箱即用的模板</p></blockquote> <p>期待未来会提供更多现成的页面模板，并且针对具体的业务场景推出一些封装更好的业务组件。</p> <h4 id="灵活性"><a href="#灵活性" class="header-anchor">#</a> 灵活性</h4> <p>本来我非常担心低代码平台会不会因为大量的简化和封装，影响了开发时的灵活性。但是体验后，我发现自己多虑了。大到应用和页面信息，小到每个组件的 <code>CSS</code> 样式和 <code>JavaScript</code> 代码，都可以<strong>自由定制</strong>。甚至还可以灵活地控制页面的生命周期！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000838.png" loading="lazy" class="lazy"></p> <blockquote><p>控制页面生命周期</p></blockquote> <p>当然，要做到 100% 的灵活还是有些难度的。现在好像还不支持自定义组件和页面模板，期待之后开放这种能力。</p> <h4 id="成熟度"><a href="#成熟度" class="header-anchor">#</a> 成熟度</h4> <p>腾讯云开发技术和跨端开发框架已经发展了几个年头了，比较成熟，但作为一个融合而生的新产品，究竟能不能经受住大项目的考验，还不得而知，期待后续更多的实践和数据。</p> <h4 id="生态"><a href="#生态" class="header-anchor">#</a> 生态</h4> <p>云开发低码很好地打通了腾讯云开发的完整生态，借助云开发强大的技术能力顺势而生，可谓<strong>集大成者</strong>。从经典的云数据库、云函数、云存储，再到云托管、内容管理 CMS，这些技术的共生和连接使得 1 + 1 &gt; 2，也是我认为云开发低码最惊喜的地方。</p> <p>比如在数据源管理和应用管理界面，我们都能够看到<strong>数据管理后台</strong>的身影，即腾讯云 CMS。可以利用它轻松地管理我们定义的数据源，无需自己搭建管理后台，直接省去搭建一个系统的成本！</p> <p><img alt="" data-src="https://pic.yupi.icu/5563/202311081000392.png" loading="lazy" class="lazy"></p> <blockquote><p>腾讯云 CMS 数据管理后台</p></blockquote> <p>总的来说，云开发低码平台是一个顺应如今快节奏开发时代的产品，真的是解决了传统开发时的低效、重复等问题，未来可期！</p> <hr> <p>最后，如果你想要进一步学习腾讯云开发低码平台，可以<strong>点击下方阅读原文</strong>查看腾讯官方提供的『 快速开发一个云开发低码应用 』教程。</p> <p>假如你的身边有同学想要制作小程序或移动端网站，一定要将本文分享给他，相信大家都能感受到开发和使用属于自己的小程序的快乐！</p></div> <footer class="page-edit" style="margin:0;"><div class="edit-link"><a href="https://github.com/liyupi/codefather/edit/master/编程分享/实战教程/腾讯公测云开发低码！全网首篇实战评测.md" target="_blank" rel="noopener noreferrer">完善页面</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最近更新:</span> <span class="time">11/11/2023, 8:17:47 PM</span></div></footer> <!----></div> <div class="toc-container-sidebar"><div class="pos-box"><div class="icon-arrow"></div> <div class="scroll-box" style="max-height:86vh"><div style="font-weight:bold;">腾讯公测云开发低码！全网首篇实战评测</div> <hr> <div class="toc-box"><ul class="toc-sidebar-links"><li><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#什么是云开发低码" class="toc-sidebar-link">什么是云开发低码？</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_1-什么是云开发" class="toc-sidebar-link">1. 什么是云开发？</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_2-什么是低代码" class="toc-sidebar-link">2. 什么是低代码？</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_3-什么是云开发低码" class="toc-sidebar-link">3. 什么是云开发低码？</a></li></ul></li><li><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#实战『-备忘录-』小程序" class="toc-sidebar-link">实战『 备忘录 』小程序</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_1-创建应用" class="toc-sidebar-link">1. 创建应用</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_2-创建数据源" class="toc-sidebar-link">2. 创建数据源</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_3-开发界面" class="toc-sidebar-link">3. 开发界面</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_4-美化样式" class="toc-sidebar-link">4. 美化样式</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_5-前后端连接" class="toc-sidebar-link">5. 前后端连接</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_6-实现交互逻辑" class="toc-sidebar-link">6. 实现交互逻辑</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#_7-预览和发布" class="toc-sidebar-link">7. 预览和发布</a></li></ul></li><li><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#亿点评测" class="toc-sidebar-link">亿点评测</a><ul class="toc-sidebar-sub-headers"><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#易用性" class="toc-sidebar-link">易用性</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#丰富度" class="toc-sidebar-link">丰富度</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#灵活性" class="toc-sidebar-link">灵活性</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#成熟度" class="toc-sidebar-link">成熟度</a></li><li class="toc-sidebar-sub-header toc-sidebar-depth-4"><a href="/%E8%85%BE%E8%AE%AF%E5%85%AC%E6%B5%8B%E4%BA%91%E5%BC%80%E5%8F%91%E4%BD%8E%E7%A0%81-%E5%85%A8%E7%BD%91%E9%A6%96%E7%AF%87%E5%AE%9E%E6%88%98%E8%AF%84%E6%B5%8B/#生态" class="toc-sidebar-link">生态</a></li></ul></li></ul></div></div></div></div></div>  <main class="footer"> <div class="copy-right"><span class="name"> 编程导航   |     </span> <a target="_blank" rel="noreferrer">
          
        </a></div></main></main> <aside class="page-sidebar"> <div class="page-side-toolbar"></div>  </aside></div><div class="global-ui"><!----></div></div>
    <script src="/assets/js/app.12ab4756.js" defer></script><script src="/assets/js/2.fd06b53e.js" defer></script><script src="/assets/js/205.c51c53fd.js" defer></script>
  </body>
</html>
